<template>
  <router-layout>
    <div class="lottery">
      <div>
        <div class="lottery-name">
          <div class="name-img van-hairline--bottom">
            <img src="https://gw.alicdn.com/tfs/TB1WCNkOb2pK1RjSZFsXXaNlXXa-316-238.png" alt>
            <p class="name-title">价值100元礼品</p>
            <p class="lottery-date">兑奖期限：2018/08/15-2018/08/25</p>
          </div>
          <div class="code">
            <p class="name-title">兑奖码：123456</p>
            <p class="lottery-date">凭劵联系工作人员兑奖</p>
          </div>
        </div>
        <div class="lottery-detail">
          <div class="lottery-detail-title van-hairline--bottom">
            <p>兑奖卷详情</p>
          </div>
          <div class="lottery-detail-text van-hairline--bottom">
            <p>有效日期：2018/08/15 - 2018/08/25</p>
            <p>可用时段：周一 至 周五</p>
            <p>兑奖地址：上海市宝山区三门路561号</p>
            <p>兑奖须知：请携带有效身份证件及兑奖码在有效日期内前来 领取奖品</p>
          </div>
        </div>
      </div>
    </div>
  </router-layout>
</template>
<script>
import { listMyDrowItem } from "@/api/drawMob";
import TitleItem from "../../components/public/title/title";
export default {
  name: "LotteryDetail",
  components: { TitleItem },
  data() {
    return {
      listQuery: {
        current: 1,
        limit: 5,
        company_id: localStorage.getItem("companyId") || 1
      },
      dataList: []
    };
  },
  methods: {
    back() {
      this.$router.go(-1);
    },
    async initList() {
      let query = Object.assign({}, this.listQuery);
      let res = await listMyDrowItem(query);
    }
  },
  created: function() {
    this.initList();
  }
};
</script>
<style lang="scss" scoped>
@import "LotteryDetail";
</style>
